<template>
  <div >
    <component
      :is="hasEmployeeRole == true ? EmployeeComponent : HRComponent"
    />
  </div>
</template>

<script setup>
import { computed } from "vue";
import EmployeeComponent from "./components/EmployeeComponent.vue";
import HRComponent from "./components/HRComponent.vue";
import useUserStore from "@/store/modules/user";

const userStore = useUserStore();

const hasEmployeeRole = computed(() => {
  return userStore.roles.includes("EMPLOYEE");
});
</script>

<style  >


</style>
